﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title id='Description'>Solar System Event Logs</title>
    <script type="text/javascript" src="./scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        function ClearLog() {
            $.ajax({
                url: "/logs",
                dataType: 'json',
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                success: function () {
                    $('#extFrame').attr('src', $('#extFrame').attr('src'));
                }
            });
        };
</script>
</head>
    <body>
        <button type="button" onclick="ClearLog()">Clear</button>
    <iframe id="extFrame" style="width:97%; height:90%; margin:1%;" src="Logs"></iframe>
        <div id="footer" style="background-color: #FFA500; clear: both; text-align: center;">
            <div id="stateText" style="color: #000080;">
                --------</div>
        </div>
    </body>
</html>


    